.scrollViewContainer {
  display: flex;
  width: 100%;
  height: 100%;
  :global {
    .left-scroll-view {
      width: 220px;
      height: calc(100vh - 52px);
      overflow: auto;

      .left-scroll-view-item {
        height: 100px;

        line-height: 100px;
        background-color: #f7f7f7;
        text-align: center;
        font-size: 12px;

        // 激活项的样式
        &.active {
          background-color: #ffffff;
          position: relative;
          color: #c00000;
        }
      }
    }

    // 去除滚动条
    .left-scroll-view::-webkit-scrollbar {
      width: 0 !important;
    }

    .right-scroll-view {
      width: 100%;
      height: calc(100vh - 52px);
      overflow: auto;
      flex: 1;
      .cate-lv2-title {
        font-size: 24px;
        font-weight: bold;
        padding: 0 15px;
      }
      .cate-lv3-list {
        display: flex;
        flex-wrap: wrap;

        .cate-lv3-item {
          width: 33.33%;
          margin-bottom: 50px;
          display: flex;
          flex-direction: column;
          align-items: center;
          img {
            width: 120px;
            height: 120px;
          }

          .name {
            margin-top: 12px;
            font-size: 12px;
            line-height: 50px;
            font-weight: 400;
          }
        }
      }
    }

    // 去除滚动条
    .right-scroll-view::-webkit-scrollbar {
      width: 0 !important;
    }
  }
}
